<template>
    <div class="home-container">
      <!-- 轮播图组件 -->
      <HomeBanner />

      <!-- 特价补贴 -->
      <FlashSale />
      
      <!-- 热门推荐 -->
      <HotProducts />
      
      <!-- 新品上市 -->
      <NewArrivals />
      
      <!-- 底部推荐 -->
      <Recommendation />
      
    </div>
    <AppFooter />
  </template>
  
  <script setup>
  import HomeBanner from '@/components/home/HomeBanner.vue'
  import FlashSale from '@/components/home/FlashSale.vue'
  import HotProducts from '@/components/home/HotProducts.vue'
  import NewArrivals from '@/components/home/NewArrivals.vue'
  import Recommendation from '@/components/home/Recommendation.vue'
  import AppFooter from '@/views/AppFooter.vue'
  </script>
  
  <style scoped>
  .home-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
  }
  </style>